<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>OPPO商城</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
		<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--顶部区域开始-->
		<div class="top">
			<div class="top_box">
				<div class="top_box_left">
				<ul>
					<li><a href="">社区</a></li><div></div>
					<li><a href="">ColorOS</a></li><div></div>
					<li><a href="">云服务</a></li><div></div>
					<li><a href="">手机助手</a></li>
				</ul>
				</div>
				<div class="top_box_right">
					<ul>
						<li><a href="">123</a></li><div></div>
						<li><a href="./login.html">登录</a></li><div></div>
						<li><a href="./register.html">注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--顶部区域结束-->
		<!--logo-导航区域开始-->
		<div class="logo-nav">
			<div class="logo">
				<a href="./index.html"><img src="./images/logo.png"/></a>
			</div>
			<div class="cart">
				<span>购物车</span>
			</div>
			<div class="nav">
				<ul>
					<li><a href="./index.html">首页</a></li>
					<li><a href="./list.html">手机</a></li>
					<li><a href="./list.html">配件</a></li>
					<li><a href="">购物指南</a></li>
				</ul>
			</div>	
		</div>
		<!--logo-导航区域结束-->
		<div class="line-1"></div>
		<div class="line-2"></div>
		<div class="line-3"></div>	
		<div class="line-4"></div>	
		<div class="line-5"></div>
		<div class="line-6"></div>
		<!--子导航开始-->
		<div class="subnav">
			<a href="">首页</a>&nbsp<i>/</i>&nbsp
			<span>在线购买</span>
		</div>
		<!--子导航结束-->
		<!--轮播区域开始-->
		<div class="carousel">
			<div class="lunbo">
				<img src="images/lunbo1.jpg"/>
				<img src="images/lunbo2.jpg"/>
				<img src="images/lunbo3.jpg"/>
				<img src="images/lunbo4.jpg"/>
				<img src="images/lunbo1.jpg"/>
			</div>
			<ul>
				<li style="background: #fff;"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<!--轮播区域结束-->
		<!--内容上-->
		<div class="content_top">
			<div class="top_">
				<img src="./images/zhengping.png" alt="" />
				<div class="top_content">
					<strong>正品保障</strong><br />
					<span>所有产品都是原装正品</span>
				</div>
			</div>
			<div class="top_">
				<img src="./images/baoyou.png" alt="" />
				<div class="top_content">
					<strong>79元起包邮</strong><br />
					<span>高效的物流直达配送</span>
				</div>
			</div>
			<div class="top_">
				<img src="./images/tuihuo.png" alt="" />
				<div class="top_content">
					<strong>7天退换货</strong><br />
					<span>支持7天退货，30天换货</span>
				</div>
			</div>
			<div class="top_">
				<img src="./images/tiyan.png" alt="" />
				<div class="top_content">
					<strong>2800家体验店</strong><br />
					<span>轻松自在，覆盖各大城市</span>
				</div>
			</div>
		</div>
		<!--内容中1-->
		<div class="content1">
			<div class="content_con">
				<div class="content_con_big">
					<div class="content_box1">
						<img src="./images/content1.1.jpg"/>
						<a class="c1.2" href="./list.html">更多爆款手机</a>
						<p><a class="c1.3" href="">立即查看</a></p>
					</div>
					<div class="content_box2">
						<img src="./images/content1.2.jpg"/>
						<a class="c2" href="">N3 电动旋转摄像头</a>
						<p><a href="">立即查看</a></p>
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box3">
						<a class="c3" href="">R7 全金属闪拍手机</a>
						<span>￥2499.00</span>
					</div>
					<div class="content_box4">
						<img src="./images/content1.3.jpg" alt="" />
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box5">
						<img src="./images/content1.4.jpg" alt="" /><br />
						<a href="">Find 7 标准版 全能4G旗舰 </a>
						<s>￥2999.00</s>
						<strong>￥2499.00</strong>
					</div>
					<div class="content_box6">
						<img src="./images/content1.5.jpg" alt="" /><br />
						<a href="">Find 7 轻装版 全能4G旗舰  </a>
						<s>￥2499.00</s>
						<strong>￥1999.00</strong>
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box7">
						<img src="./images/content1.6.jpg" alt="" /><br />
						<a href="">A31 镜在掌握 </a>
						<strong>￥999.00</strong>
					</div>
					<div class="content_box8">
						<img src="./images/content1.7.jpg" alt="" /><br />
						<a href="">1107 双卡双待</a>
						<s>￥999.00</s>
						<strong>￥799.00</strong>
					</div>
				</div>
			</div>
		</div>
		<!--内容1结束-->
		<!--内容中2-->
		<div class="content2">
			<div class="content_con">
				<div class="content_con_big">
					<div class="content_box1">
						<img src="./images/content2.1.jpg"/>
						<a class="c1.2" href="">更多爆款配件</a>
						<p><a class="c1.3" href="">立即查看</a></p>
					</div>
					<div class="content_box2">
						<img src="./images/content2.2.jpg"/>
						<a class="c2" href="">全金属蓝牙耳机</a>
						<p><a href="">立即查看</a></p>
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box3">
						<a class="c3" href="">O-Band智能手环 健康监测 智能提醒</a>
						<span>￥2499.00</span>
					</div>
					<div class="content_box4">
						<img src="./images/content2.3.jpg" alt="" />
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box5">
						<img src="./images/content2.4.jpg" alt="" /><br />
						<a href="">OPPO 原装电源适配器 </a>
						<!--<s>￥2999.00</s>-->
						<strong>￥58.00</strong>
					</div>
					<div class="content_box6">
						<img src="./images/content2.5.jpg" alt="" /><br />
						<a href="">VOOC 闪充移动电源 </a>
						<!--<s>￥2499.00</s>-->
						<strong>￥298.00</strong>
					</div>
				</div>
				<div class="content_con_big">
					<div class="content_box7">
						<img src="./images/content2.6.jpg" alt="" /><br />
						<a href="">OPPO原装USB数据线  </a>
						<strong>￥28.00</strong>
					</div>
					<div class="content_box8">
						<img src="./images/content2.7.jpg" alt="" /><br />
						<a href="">VOOC 车载闪充 </a>
						<!--<s>￥999.00</s>-->
						<strong>￥198.00</strong>
					</div>
				</div>
			</div>
		</div>
		<!--内容2结束-->
		<!--内容3开始-->
		<div class="content3">
			<div class="left">
				<div class="con_top">
					<h2>更多手机</h2>
					<span>浏览:</span>
					<ul>
						<li><a href="">￥1000-￥1999</a></li>
						<li><a href="">￥2000-￥2999</a></li>
						<li><a href="">￥3000以上</a></li>
					</ul>
				</div>
				<div class="con_bottom">
					<div class="con_bottom_left">
						<img src="./images/content3.1.jpg" alt="" />
						<div class="neirong">
							<a href="">Find 7 标准版 全能4G旗舰 </a><br />
							<s>￥2999.00</s><br />
							<span>￥2499.00</span>
						</div>
					</div>
					<div class="con_bottom_right">
						<img src="./images/content3.2.jpg" alt="" />
						<div class="neirong">
							<a href="">R6007</a><br />
							<s>￥1599.00</s><br />
							<span>￥1499.00</span>
						</div>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="con_top">
					<h2>更多配件</h2>
					<span>浏览:</span>
					<ul>
						<li><a href="">移动电源</a></li>						
						<li><a href="">耳机</a></li>
						<li><a href="">电池</a></li>
						<li><a href="">保护套</a></li>
					</ul>
				</div>
				<div class="con_bottom">
					<div class="con_bottom_left">
						<img src="./images/content3.1.jpg" alt="" />
						<div class="neirong">
							<a href="">Find 7 标准版 全能4G旗舰 </a><br />
							<s>￥2999.00</s><br />
							<span>￥2499.00</span>
						</div>
					</div>
					<div class="con_bottom_right">
						<img src="./images/content3.2.jpg" alt="" />
						<div class="neirong">
							<a href="">R6007</a><br />
							<s>￥1599.00</s><br />
							<span>￥1499.00</span>
						</div>
					</div>
				</div>
			</div>
			<div class="shouji">
				<a href="">浏览所有手机</a>
			</div>
			<div class="peijian">
				<a href="">浏览所有配件</a>
			</div>
		</div>
		<!--内容3结束-->
		<!--底部1开始-->
		<div class="bottom1">
			<div>
				<img src="./images/bottom1.jpg"/>
				<img src="./images/bottom2.jpg"/>
			</div>
		</div>
		<!--底部1结束-->
		<!--底部2开始-->
		<div class="bottom2">
			<div class="left">
				<img src="./images/13.png"/>
				<a href="">OPPO社区</a>
			</div>
			<div class="center">
				<img src="./images/14.png"/>
				<a href="">ColorOS</a>
			</div>
			<div class="right">
				<img src="./images/15.png"/>
				<a href="">软件商店</a>
			</div>
		</div>
		<!--底部2结束-->
		<!--底部3开始-->
		<div class="bottom3">
			<dl>
				<dt><a href="">推荐机型</a></dt>
				<dd><a href="">N3</a></dd>
				<dd><a href="">R5</a></dd>
				<dd><a href="">Find7</a></dd>
				<dd><a href="">R1C</a></dd>
				<dd><a href="">N1 mini</a></dd>
			</dl>
			<dl>
				<dt><a href="">在线购买</a></dt>
				<dd><a href="">手机</a></dd>
				<dd><a href="">移动电源</a></dd>
				<dd><a href="">手机保护套</a></dd>
				<dd><a href="">贴膜</a></dd>
				<dd><a href="">耳机</a></dd>
			</dl>
			<dl>
				<dt><a href="">服务</a></dt>
				<dd><a href="">购买帮助</a></dd>
				<dd><a href="">物流查询</a></dd>
				<dd><a href="">常见问题</a></dd>
				<dd><a href="">服务政策</a></dd>
				<dd><a href="">服务网店查询</a></dd>
			</dl>
			<dl>
				<dt><a href="">会员登录</a></dt>
				<dd><a href="">会员注册</a></dd>
				<dd><a href="">积分兑换</a></dd>
			</dl>
			<dl>
				<dt><a href="">OPPO品牌</a></dt>
				<dd><a href="">关于OPPO</a></dd>
				<dd><a href="">OPPO历史</a></dd>
				<dd><a href="">OPPO风采</a></dd>
				<dd><a href="">官方新闻</a></dd>
				<dd><a href="">OPPO视频</a></dd>
			</dl>
		</div>
		<!--底部3结束-->
		<!--底部4开始-->
		<div class="bottom4">
			<div class="bottom4_box">
				<div class="bottom4_box_left">
					<span class="guanzhu">关注我们</span>
					<img class="weibo" src="images/di1.png" alt="" />
					<img class="weix" src="images/di2.png" alt="" />
					<span class="jiaru">加入我们</span>
					<img class="jia" src="images/di3.png" alt="" />
				</div>
				<div class="bottom4_box_right">
					<img src="images/di4.png" alt="" />
					<div class="bottom4_box_right_content1">
						<a class="kefu" href="">在线客服</a><br />
						<a class="shijian" href="">服务时段：8:30~10:00</a>
					</div>
					<img class="del" src="images/di5.png" alt="" />
					<div class="bottom4_box_right_content2">
						<a class="kefu" href="">在线客服</a><br />
						<a class="shijian" href="">服务时段：8:30~10:00</a>
					</div>
				</div>
			</div>
		</div>
		<!--底部4结束-->
		<!--底部5开始-->
		<div class="bottom5">
			<span>© 2005 - 2015 广东欧珀移动通信有限公司 版权所有 粤 ICP 备 08130115 号</span>
		</div>
		<!--底部5结束-->
	</body>
</html>
